<template>
  <div class="containers">
    <h3>{{title}}</h3>
    <slot :films="films">如果没有用到我这个插槽中的数据的话，那么就展示我这个插槽中的内容了</slot>
  </div>
</template>
<script>
export default {
  name: "School",
  props:['title'],
  data(){
      return{
         films: ["你好", "世界", "宇宙"]
      }
  },

};
</script>
<style scoped>
.containers {
  background-color: skyblue;
  width:20%;
  height:300px;
}
h3{
  text-align:center;
  background-color:orange;
}
slot{
  width:100%;
}
</style>
